body{margin: 0px;padding: 0px;font-size: 12px;font-family: "Microsoft Yahei",tahoma,arial,Hiragino Sans GB,"宋体",sans-serif;line-height: 20px;color: #333;}
a{color: #3E62A6}
input,textarea{margin: 0px;padding: 0px;}
.header{height:50px;background-color:#66C1C4;position: fixed;width: 100%;z-index:2}
.logo{float: left;color: #fff;font-size: 20px;padding-top: 10px;padding-left: 20px;}
.header ul{float: right}
.header ul li{float: left;color: #fff;border-right: 1px solid #fff;font-size:15px;}
.header ul li a,.header ul li span{display: inline-block;text-align:center;height:35px;padding:15px 10px 0px 10px;text-decoration: none;color: #fff}
.change-theme{float: right;color: #fff;border-right: 1px solid #fff;padding-top: 15px;height: 35px;}
.change-theme span{margin-right: 10px;font-size: 16px;display: inline-block;float: left;}
.change-theme span.green{display: inline-block;width:20px;height:20px;background-color:#66C1C4;padding: 0px;border: 1px solid #fff;cursor: pointer;}
.change-theme span.blue{display: inline-block;width:20px;height:20px;background-color:#3C8DBC;padding: 0px;border: 1px solid #fff;cursor: pointer;}
.change-theme span.selected{background-image:url("../../images/selected.gif");background-position: 11px 11px;background-repeat: no-repeat;}
.header ul li a:hover{background: #4C9A9D}
.gutter{height:10px;background-color:#e2e2e2;border-bottom:1px solid #afc0cb;display: none;}
.content {padding:10px 20px;margin-left:230px;padding-top:60px;}
.heading{height:20px;}
.pull-left{float: left;font-weight: bolder;font-size: 18px;}
.pull-right{float: right}
.mask{background-color:#000;opacity:.5;filter:alpha(opacity=50)}
.nav a{display:block;overflow:hidden;white-space:nowrap}.nav a:hover{text-decoration:none}
.nav-inline{*zoom:1}.nav-inline:before,.nav-inline:after{display:table;content:" "}
.nav-inline:after{clear:both}
.nav-inline li{float:left;color:#fff;margin-left:15px}
.nav-inline a{color:#fff}.nav-inline a:hover{color:#fff}
.nav-inline .divider-vertical{height:20px;border-left:1px solid #7cb1f0}
.aside{width:230px;position:fixed;top:50px;left: 0px;overflow-y:auto;background:#193F3F}
.aside ul li{padding-left:15px;}
.aside ul li ul{background: #265559;}
.aside ul li.pmenu{padding-left: 0px;}
.aside ul li.pmenu a{color:#B8C7CE;text-decoration: none;display: block;font-size: 14px;padding: 12px 5px 12px 15px}
.aside ul li ul li a:hover,.aside ul li ul li a.active{color: #fff}
.aside > ul > li.pmenu > a{border-left:3px solid #193F3F}
.aside > ul > li.pmenu > a:hover{color: #fff;border-left:3px solid #3C8DBC;background:#193F3F}
.aside ul li.pmenu ul li a{padding-top:4px;padding-bottom: 4px;}
.aside ul li.pmenu ul li a i.fa-circle{display: inline-block;width: 9px;height: 9px;border: 2px solid #fff;border-radius:6px;float: left;margin-top:4px;margin-right: 5px;}

.aside ul li.pmenu ul li a i.fa-circle-red {border-color: #dd4b39;}
.aside ul li.pmenu ul li a i.fa-circle-yellow {border-color: #f39c12;}
.aside ul li.pmenu ul li a i.fa-circle-aqua {border-color: #00c0ef;}
.aside ul li.pmenu ul li a i.fa-circle-blue {border-color: #0073b7;}
.aside ul li.pmenu ul li a i.fa-circle-black {border-color: #111111;}
.aside ul li.pmenu ul li a i.fa-circle-light-blue {border-color: #3c8dbc;}
.aside ul li.pmenu ul li a i.fa-circle-green {border-color: #00a65a;}
.aside ul li.pmenu ul li a i.fa-circle-gray {border-color: #d2d6de;}
.aside ul li.pmenu ul li a i.fa-circle-navy {border-color: #001f3f;}
.aside ul li.pmenu ul li a i.fa-circle-teal {border-color: #39cccc;}
.aside ul li.pmenu ul li a i.fa-circle-olive {border-color: #3d9970;}
.aside ul li.pmenu ul li a i.fa-circle-lime {border-color: #01ff70;}
.aside ul li.pmenu ul li a i.fa-circle-orange {border-color: #ff851b;}
.aside ul li.pmenu ul li a i.fa-circle-fuchsia {border-color: #f012be;}
.aside ul li.pmenu ul li a i.fa-circle-purple {border-color: #605ca8;}
.aside ul li.pmenu ul li a i.fa-circle-maroon {border-color: #d81b60;}

.aside ul li a i{display: inline-block;width: 15px;height: 15px;float: right; margin-top: 2px;margin-right: 5px;}
.aside ul li a i.close{background: url("../../images/iconSprite_wihte.png") -80px -144px no-repeat;}
.aside ul li a i.open{background: url("../../images/iconSprite_wihte.png") -96px -144px no-repeat;}
ul.ul-menu>li>ul{display: none;}
ul.ul-menu>li>ul.open{display: block;}

.icon{vertical-align:middle;background:url("../../images/iconSprite_gray.png") no-repeat;display:inline-block;width:16px;height:16px;cursor: pointer;}
.i-off{background:url("../../images/iconSprite_wihte.png") no-repeat;display:inline-block;width:16px;height:16px;background-position:-16px -144px;margin-right: 10px;}
.i-on{margin-right: 10px;background:url("../../images/iconSprite_wihte.png") no-repeat;display:inline-block;width:16px;height:16px;background-position:-32px -144px;}
.i-arrow-left{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-48px -144px}
.i-arrow-up{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-64px -144px}
.i-arrow-right{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-80px -144px;}
.i-arrow-down{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-96px -144px;}
.i-chevron-up{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-112px -144px}
.i-chevron-down{background-position:-128px -144px}
.i-close{background-position:-144px -112px}
.i-change{background-position:-16px -16px}
.i-build{background-position:-48px -16px}
.i-preview{background-position:-80px -16px}
.i-copy{background-position:-112px -16px}
.i-see{background-position:-144px -16px}
.i-export{background-position:-176px -16px}
.i-import{background-position:-208px -16px}
.i-publish{background-position:-240px -16px}
.i-audit{background-position:-272px -16px}
.i-generate{background-position:-304px -16px}
.i-add{background-position:-16px -48px}
.i-edit{background-position:-48px -48px}
.i-del{background-position:-80px -48px}
.i-empty{background-position:-112px -48px}
.i-competence{background-position:-144px -48px}
.i-move{background-position:-176px -48px}
.i-bind{background-position:-208px -48px}
.i-unbind{background-position:-240px -48px}
.i-visit{background-position:-272px -48px}
.i-set{background-position:-304px -48px}
.i-maintain{background-position:-16px -80px}
.i-agree{background-position:-48px -80px}
.i-reject{background-position:-80px -80px}
.i-user{background-position:-112px -80px}
.i-stop{background-position:-144px -80px}
.i-start{background-position:-176px -80px}
.i-effectiveness{background-position:-208px -80px}
.i-disabled{background-position:-240px -80px}
.i-ban{background-position:-272px -80px}
.i-sortup{background-position:-16px -112px}
.i-sortdown{background-position:-48px -112px}
.i-thsortup{background-position:-80px -112px}
.i-thsortdown{background-position:-112px -112px}

.i-close:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-144px -112px}
.i-change:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-16px -16px}
.i-build:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-48px -16px}
.i-preview:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-80px -16px}
.i-copy:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-112px -16px}
.i-see:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-144px -16px}
.i-export:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-176px -16px}
.i-import:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-208px -16px}
.i-publish:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-240px -16px}
.i-audit:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-272px -16px}
.i-generate:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-304px -16px}
.i-add:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-16px -48px}
.i-edit:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-48px -48px}
.i-del:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-80px -48px}
.i-empty:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-112px -48px}
.i-competence:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-144px -48px}
.i-move:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-176px -48px}
.i-bind:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-208px -48px}
.i-unbind:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-240px -48px}
.i-visit:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-272px -48px}
.i-set:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-304px -48px}
.i-maintain:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-16px -80px}
.i-agree:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-48px -80px}
.i-reject:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-80px -80px}
.i-user:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-112px -80px}
.i-stop:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-144px -80px}
.i-start:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-176px -80px}
.i-effectiveness:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-208px -80px}
.i-disabled:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-240px -80px}
.i-ban:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-272px -80px}
.i-sortup:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-16px -112px}
.i-sortdown:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-48px -112px}
.i-thsortup:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-80px -112px}
.i-thsortdown:hover{background:url("../../images/iconSprite_blue.png") no-repeat;background-position:-112px -112px}

.btn .icon{vertical-align:middle;background:url("../../images/iconSprite_wihte.png") no-repeat;display:inline-block;width:16px;height:16px;float:left;margin-top: 2px;margin-right: 5px;}
.btn .i-close{background-position:-144px -112px}
.btn .i-change{background-position:-16px -16px}
.btn .i-build{background-position:-48px -16px}
.btn .i-preview{background-position:-80px -16px}
.btn .i-copy{background-position:-112px -16px}
.btn .i-see{background-position:-144px -16px}
.btn .i-export{background-position:-176px -16px}
.btn .i-import{background-position:-208px -16px}
.btn .i-publish{background-position:-240px -16px}
.btn .i-audit{background-position:-272px -16px}
.btn .i-generate{background-position:-304px -16px}
.btn .i-add{background-position:-16px -48px}
.btn .i-edit{background-position:-48px -48px}
.btn .i-del{background-position:-80px -48px}
.btn .i-empty{background-position:-112px -48px}
.btn .i-competence{background-position:-144px -48px}
.btn .i-move{background-position:-176px -48px}
.btn .i-bind{background-position:-208px -48px}
.btn .i-unbind{background-position:-240px -48px}
.btn .i-visit{background-position:-272px -48px}
.btn .i-set{background-position:-304px -48px}
.btn .i-maintain{background-position:-16px -80px}
.btn .i-agree{background-position:-48px -80px}
.btn .i-reject{background-position:-80px -80px}
.btn .i-user{background-position:-112px -80px}
.btn .i-stop{background-position:-144px -80px}
.btn .i-start{background-position:-176px -80px}
.btn .i-effectiveness{background-position:-208px -80px}
.btn .i-disabled{background-position:-240px -80px}
.btn .i-ban{background-position:-272px -80px}
.btn .i-sortup{background-position:-16px -112px}
.btn .i-sortdown{background-position:-48px -112px}
.btn .i-thsortup{background-position:-80px -112px}
.btn .i-thsortdown{background-position:-112px -112px}

ul{list-style: none;padding: 0px;margin: 0px;}
/*********tag************/
ul.tag{padding-left: 30px;height: 28px;border-bottom:  1px solid #66C1C4;}
ul.tag li{float: left;margin-left: 10px;}
ul.tag li a{display: inline-block;height:18px;text-decoration: none;color:#66C1C4 ;border: 1px solid #66C1C4;border-bottom:none;border-radius:5px 5px 0px 0px;text-align: center;padding:4px 10px 5px 10px; background:#F6F6F6 }
ul.tag li.active a{background: #66C1C4;color: #fff;}
.tag-contant-tag{display: none;}

/************分页****************/
.pagination{padding-top: 10px;height: 30px;}
.pagination ul li{float: left;display: inline-block;padding:3px 10px;text-align: center;}
.pagination ul li a{text-decoration: none;color: #000}
.pagination ul li a:hover{text-decoration: underline}
.pagination ul li span{color:#bbb}
#nowPage{background:#66C1C4;border-radius:15px;color: #fff}


/*********按钮*********/
.btn{display:inline-block;border-radius:5px;border: 1px solid #CCCCCC;cursor: pointer;padding: 3px 15px;color: #333;text-decoration: none;}
.btn:hover{text-decoration:none;color: #9A9A9A;background: #EBEBEB}
.btn-color,.ui-dialog-button .ok{color:#fff;background:#66C1C4;border-radius:5px;cursor: pointer;padding: 3px 15px;border: 1px solid #66C1C4;margin-left:8px;}
.btn-color:hover,.ui-dialog-button .ok:hover{color: #fff;background: #4C9A9D}
.ui-dialog-button .ok{margin-left: 8px;}
/*****小按钮******/
.btn-small{padding:1px 5px;}
/*****大按钮******/
.btn-large{padding:7px 20px;}
.btn-largest{padding:10px 25px;}
.first{margin-left: 0px;}
.btn-group .btn{float: left;margin-left: -5px;border-left: 1px solid #fff;border-radius:0px;}
.btn-group .first{border-radius:5px 0px 0px 5px;margin-left: 0px;border-left: 0px;}
.btn-group .last{border-radius:0px 5px 5px 0px;}
.btn-auto{display: block;width: 100%}
/********提示信息***********/
.ui-dialog-body{padding: 13px 20px}

/*form样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.input{height: 30px;border: 1px solid #66C1C4;padding-left: 5px;width:202px}
input.input-mini{width:40px}
input.input-smallest{width:94px}
input.input-small{width:148px}
input.input-large{width:256px}
input.input-largest{width:310px}
input.warn-style{border-color: red;}
form table.table td{padding: 7px 0px;}
form table.table td.tit{text-align: center;padding: 7px 10px;}
form table.table td.tit-left{text-align: left;padding-right: 10px;}
form table.table td.tit-right{text-align:right;padding-right: 10px;}
:focus {outline: 0;}
textarea { vertical-align: top;font-size: 12px;resize: none;border: 1px solid #66C1C4;padding: 5px;}
form input.info-style,form textarea.info-style{color: #bbb}
form table tr{min-height: 40px;}
label.btn input{float: left;margin-top:4px;margin-right: 4px;}
.clear{clear: both}

/*********table**********/
table.table{border-collapse: collapse;border-spacing: 0px;width: 100%}
table.table th,table.table td{padding: 7px ;vertical-align: middle;padding-left: 14px;}
table.table-list th,table.table-list td,form table.table-list th,form table.table-list td{border: 1px solid  #ddd;padding:8px;}
table.table-list th{background: #66C1C4;color: #fff;text-align: left;}
table.table-list tr:nth-child(2n) {background-color: #F6F6F6;}
table.hover tr:hover{background: #E0F3F3}
td,th{word-break:break-all}
.table > tbody > tr.blank_tr td{height:0px;padding:0px 8px;}
.grid-list{overflow-y:auto;margin-top: -2px;}
/*******search*******/
.search{padding-top: 10px;}
.search table.table{border-collapse: collapse;border-spacing: 0px;width: auto;}
.content-head{padding-bottom: 10px;}
form{padding: 0px;margin: 0px;}
em.red{color:red;padding:0px 5px;}
img{border: none}

.nodata{text-align: center;;color: #6D758D}

/**********折叠菜单************/
.menu-switch .menu-switch-item{margin-top: 10px;}
.menu-switch .menu-switch-item .menu-switch-con{display: none;padding:5px 10px 5px 10px;}
.menu-switch .menu-switch-item .menu-tag a{display: block;color: #fff;background-color:#66C1C4;padding:8px;text-decoration: none;}
.menu-switch .menu-switch-item .menu-tag a i{background:url("../../images/iconSprite_wihte.png") -80px -144px no-repeat;display: inline-block;width: 15px;height: 15px;float: right;margin-top: 2px;}
.menu-switch .active .menu-tag a i{background:url("../../images/iconSprite_wihte.png") -96px -144px no-repeat;}

/************隐藏显示菜单*************/
.toggle-menu-btn{position: fixed;top: 300px;left:230px;}
.toggle-menu-btn a i.open{background-position: -85px -144px;width: 8px;height: 15px;}
.toggle-menu-btn a i.close{background-position: -53px -144px;width: 8px;height: 15px;}
.toggle-menu-btn a{display: block;height:50px;width:6px;border: 1px solid #02B7E4;border-left: none;border-radius:0px 3px 3px 0px;padding-top:23px;}
.toggle-menu-btn a:hover{background:#E1E0E6}

